<template>
  <div class="a">
    <p>综合径流系数计算</p>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="ID"> </el-table-column>
      <el-table-column prop="name" label="图层名"> </el-table-column>
      <el-table-column prop="address" label="影响值"> </el-table-column>
    </el-table>
    <div class="one">
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <div><span>影响值</span><el-input></el-input></div>
      <el-button type="small">修改影响值</el-button>
    </div>
    <div class="two">
      <el-button type="small">添加</el-button>
      <el-button type="small">删除</el-button>
      <el-button type="small">综合径流系数分析</el-button>
    </div>
    <div class="three">
      <p>积水等级配置</p>
      <el-button type="small">积水等级配置</el-button>
    </div>
    <div class="four">
      <p>模型参数设置</p>
      <div class="wc">
        <div><span>误差(%)</span><el-input></el-input></div>
        <el-button type="small">修改</el-button>
      </div>
      <div style="width: 100%">
        <el-button type="small" style="margin: 10px auto">退出</el-button>
      </div>
    </div>
  </div>
</template>
<script></script>
<style scoped lang="less">
.a {
  font-size: 10px;
  width: 100%;
  .one {
    width: 100%;
    display: flex;
    align-items: center;
    div {
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin: 10px;
      span {
        width: 50px;
      }
      .el-input {
        width: 100px;
      }
    }
  }
  .two {
    display: flex;
  }
  .three {
    margin: 10px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    .el-button {
      margin: 10px;
    }
  }
  .four {
    .wc {
      display: flex;
      align-items: center;
      .el-button {
        margin: 10px;
      }
      div {
        display: flex;
        align-items: center;
        span {
          width: 60px;
        }
      }
    }
  }
}
</style>
